<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="/common/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
<%@include file="/common/common_meta.jsp" %>
<%@include file="/common/common_meta_app.jsp" %>
<title>BookPad - 検索</title>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="inline"　data-position="fixed">
<h1>検索</h1>
<a href="/" data-role="button" data-icon="home" data-iconpos="notext" class="ui-btn-right jqm-home" rel="external"></a>
</div>
<div data-role="content">
<form name="f1" method="post" action="${f:url('/info/search')}">
<div data-role="fieldcontain">
<lable for="keywords"></lable>
<input type="search" id="search" ${f:text("keywords")}/>
<input type="submit" value="検索" data-inline=“true”/>
</div>
</form>
<c:if test="${empty itemList}">
検索条件にヒットする商品はありません。
</c:if>
<c:if test="${!empty itemList}">
hits:${f:h(TotalResults)}
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">
${f:h(category)}
</li>
<c:forEach var="item" items="${itemList}" varStatus="status">
  <c:set var="detailUrl" value="/info/detail/${f:h(item.ASIN)}" />
  <li>
	  <a href="${f:url(detailUrl)}" target="_blank">
	    <c:if test="${pageMode != 'mobile' }"><img src="${f:h(item.URL)}" alt="${f:h(item.Title)}" /></c:if>
	    ${f:h(item.Title)}
	  </a>
	  <c:if test="${!empty item.Content}">
		<p>${f:br(item.Content)}"</p>
	  </c:if>
	  <span class="ui-li-count">${f:h(item.FormattedPrice)}</span>
  </li>
</c:forEach>
</ul>
</c:if>
</div>
<%@include file="/common/common_footer.jsp" %>
</div>
</body>
</html>
